/*.transformer{
    display: flex;
}
.top{
    display: inline-block;
}
.top .img{
    width: 36px;
    height: 36px;
    margin: 9px 0px 0px 9px;
    background: url("../../../../../assets/images/Inverter1.png") no-repeat no-repeat;
}
.top p{
   padding:0 0px 5px 8px;
   text-align:center;
}

.bottom{
    display: inline-block;
    padding:9px 6px 6px 0;
    width: 86px;
}
.bottom p{
    line-height: 18px;
    color: #ffffff;
    font-size: 10px;
    text-align:right;
}
.bottom .name{    
    font-size: 10px;
    margin-bottom: 7px;
}*/
.top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #00646a;
    /*border: 1px solid red;*/
}
.top .img{
    margin-top: 5px;
    margin-left: 5px;
    width: 60px;
    height: 48px;
    background: url("") no-repeat no-repeat;
    /*border: 1px solid red;*/
}
.top .name{
    padding-top:13px;
    margin-left: 30px;
    
}
.bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*background: rgba(0,0,0,0.3);*/
    background: #143257;
}
.bottom .left,.bottom .right{

    padding: 2px 5px;
    font-size: 12px;
    width: 72px;
}
.bottom .left p a,.bottom .right p a{
    font-size: 12px;
    color: #ffffff;
    text-align: right;
}
.bottom i{
    width: 1px;
    margin:5px 2px;
    border: 0.5px solid #fff;
}